<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>FCC+爱思青年城市创想</title>
        <style>
            html,body {
                width:100%;
                height:100%;
                margin:0;
            }
            #container{
                width:100%;
                height:100%;
                background-image: url(img/background.jpg);
                background-size: cover;
                text-align: center;
            }
            .title{
                padding-top: 15rem;
            }
            .link{
                padding-top: 10rem;
            }
            a{
                display:inline-block;
                height:3rem;
                width:3rem;
                padding:1.5rem;
                border-radius:50%;
                background-color:lightgray;    
                line-height:1.5rem;
                font-size:1.3rem;
                font-weight: bold;
                color:black;
                text-decoration: none;
                margin:0 5rem;   
            }
            
        </style>
    </head>
    <body>
        <div id="container">
            <div class="title">
                <img src="img/banner.png"/>
                <h1>为自己创一座想象之城</h1>
            </div>
            <div class="link">
                <a href="case/CaseIndex.html">社区案例</a>
                <a href="activity/ActivityIndex.html">活动参与</a>
                <a href="#">你的创想</a>
            </div>
        </div>
    </body>
</html>
